<template>
    <div class="login">
        <!-- <div class="loginitem">
            <div class="img">
                  <img alt="Vue logo" src="../assets/logo.png">

            </div>
            <el-form :model="ruleForm"  ref="ruleForm" label-width="100px" class="demo-ruleForm"> -->
  <!-- <el-form-item  prop="username">
    <el-input prefix-icon="el-icon-user-solid" v-model="ruleForm.username"></el-input>
  </el-form-item>
  <el-form-item  prop="password">
    <el-input prefix-icon="el-icon-s-goods"  show-password  v-model="ruleForm.password"></el-input>
  </el-form-item>
  <el-form-item>
    <el-button type="primary" @click="submitForm('ruleForm')">立即创建</el-button>
    <el-button @click="resetForm('ruleForm')">重置</el-button>
  </el-form-item>
</el-form>
        </div> -->
    </div>
</template>
<script>
// import  { getLogin } from "@/utils/api"
//   export default {
//     data() {
//       return {
//         ruleForm: {
//           username: '',
//           password:''
//         },
//         rules: {
//           username: [
//             { required: true, message: '请输入用户名', trigger: 'blur' },
//             { min: 3, max: 6, message: '长度在 3 到 6个字符', trigger: 'blur' }
//           ],
//           password: [
//             { required: true, message: '请输入活动名称', trigger: 'blur' },
//             { min: 6, max: 6, message: '长度在 6 个字符', trigger: 'blur' }
//           ],
//         }
//       };
//     },
//     methods: {
//       submitForm(formName) {
//         this.$refs[formName].validate((valid) => {
//           if (valid) {
//             console.log(this.ruleForm);
//             getLogin(this.ruleForm).then(res=>{
//               console.log(res);
//               if(res.data.meta.status==200){
//                localStorage.setItem("token",res.data.data.token)
//                this.$message({
//                 type: 'success', 
//                 message: res.data.meta.msg,  
//                })
//                 this.$router.push('/about')
//               }
//             })
            
          
//           } else {
//             console.log('error submit!!');
//             return false;
//           }
//         });
//       },
//       resetForm(formName) {
//         this.$refs[formName].resetFields();
//       }
//     }
//   }
</script>
<style lang="scss" scoped>

// .login{
//     overflow: hidden;
//     height: 100vh;
//     background:#2b4b6b;
//     .loginitem{
//     width: 550px;
//     height: 300px;
//     padding:70px 13px ;
//     box-sizing: border-box;
//     background-color:#fff;
//     border-radius: 5px;
//     margin: 230px auto;
//     position: relative;
//       // box-shadow:0 2px 8px -2px;


//     .img{
//       position: absolute;
//       top: -60px;
//       left: 254px;
//       width: 100px;
//       height: 100px;
//       border-radius: 50%;
//       background-color: rgb(247, 246, 234);
//       border: 8px solid #fff;
//       box-shadow:0 2px 8px -2px;
//       img{

//         width: 100%;
//         height: 100%;
//         border-radius: 45px;
  
//       }
      
//     }
//     }
    
// }
</style>
